<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src资源路径
    1.相对路径：一般访问站内资源时使用
         - 图片和页面在同一目录：直接写图片名
         - 图片在页面在上级目录：../图片名
         - 图片在页面在下级目录：文件夹名/图片名
     2.绝对路径：一般访问站外资源,图片盗链，有找不到图片的风险
-->
<!--alt:当图片不能正常显示时 显示的文本-->
<img src="001.webp" title="这是标题" alt="">
<img src="../002.webp" alt="苍老师">
<!--width/height
两种赋值方式：1.像素 2.上级元素的百分比
只设置宽度时 高度会自动等比例缩放-->
<img src="abc/004.webp"  width="75" alt="">
<img src="005.webp" width="75%" alt="">
<img src="https://cdn.tmooc.cn/bsfile//imgad///8D4204DFC45C40BCBF68150E442E1D18.png" alt="">

</body>
</html>